<%--
  @desc: 新闻详细
--%>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="stylesheet" type="text/css" href="<c:url value='/resource/wechat/css/global.css'/>">
  <script src="<c:url value='/resource/js/jquery-1.8.3.min.js'/>"></script>
  <script src="<c:url value='/resource/wechat/js/main.js'/>"></script>

  <title>${title}</title>
</head>
<style type="text/css">
  .content img{
    width: 100%;
  }


</style>
<body>


<!--wrap-page-->
<div class="wrap-page" style="padding-bottom:20px;">

  <div class="row" style="padding: 0 10px;">
    <h4 class="new_detail_title"></h4>

    <p class="new_detail_time"></p>

    <div class="new_detail_imgdiv"></div>
    <div class="content">
      <!--  <p>香港（Hong Kong），全称中华人民共和国香港特别行政区（Hong Kong Special Administrative Region of the People's Republic of China，简写：HKSAR）。由香港岛、九龙半岛、新界（包括大屿山及230余个大小岛屿）组成。地处中国华南，珠江口东侧，北隔深圳河与广东深圳相接；西与澳门隔海相望；南临中国南海。</p>
   <p>香港是一座高度繁荣的国际大都市，是仅次于纽约和伦敦的全球第三大金融中心，与美国纽约、英国伦敦并称“纽伦港”，在世界享有极高声誉。香港也是亚洲重要的金融、服务和航运中心，以廉洁的政府、良好的治安、自由的经济体系以及完善的法制闻名于世，有“东方之珠”、“美食天堂”和“购物天堂”等美誉。</p>
      <p>1840年之前的香港还是一个小渔村。1842-1997年间，香港沦为英国殖民地。第二次世界大战后，香港经济和社会迅速发展，不仅被誉为“亚洲四小龙”之一，更成为全球最富裕、经济最发达和生活水准最高的地区之一。</p>
   <p>1997年7月1日，中华人民共和国正式恢复对香港行使主权。香港保持资本主义制度，并可享受外交及国防以外所有事务的高度自治权。香港是中西方文化交融之地，也是国际和亚太地区重要的航运枢纽和最具竞争力的城市之一，连续21年经济自由度指数位居世界首位。</p>
  -->
    </div>


  </div>
  <div id="error">
    <div>数据加载失败</div>
  </div>
  <div id="loading">
    <div>正在加载...</div>
  </div>

</div>
<style>
  img { width: 100%; }
</style>
</body>
<script type="text/javascript">
  $(function () {
    $.ajax({
      url: " <c:url value='/api/newsDetail/${newId}'/>",
      type: 'GET',
      dataType: 'json',
      timeout: 1000,
      beforeSend: function () {
        $("#loading").show();
        $("#error").hide();
      },
      success: function succFunction(resp) {

        if (resp && resp.succ) {

          var json = resp.data;
//          console.info(json);
          var title = json.title;
          var content = json.content;
          var time = json.publicTime;
          var imgUrl = json.titlePic;

          // alert(content);
          $(".new_detail_title").html(title);
          $(".new_detail_time").html("新闻发布时间：" + time);

          <%--var imageUrl = imgUrl == null ?  '<c:url value="/resource/images/weixin/no_img.png"/>' : "data:image/png;base64,"+ imgUrl;--%>
//          $(".new_detail_imgdiv").html("<img width='100%' src="+ imageUrl +">");
          if(imgUrl) {
            $(".new_detail_imgdiv").html("<img width='100%' src='"+ imgUrl +"'/>");
          }




          $(".content").html(content);


          $("#loading").hide();
        } else {
          $("#error").show();
          $("#loading").hide();
        }
      },
      error: function () {
        $("#error").show();
        $("#loading").hide();
      }
    });


  });
  function getLocalTime(nS) {
    return new Date(parseInt(nS)).toLocaleString().substr(0, 16);
  }
  ;
</script>

</html>
